<!DOCTYPE html>
<html>
	<script src="js/jquery-1.11.1.js"></script>
	<head>
		<meta charset="utf-8" />
		<title>小米首页</title>
		<!-- 二.定义样式：复杂型页面三个简易结构，3次样式引用 -->
		<link rel="stylesheet" href="css/header.css" />
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/footer.css" />
	    <!-- 增加一个样式统一去掉页面默认效果 -->
	    <link rel="stylesheet" href="css/public.css" />
    </head>
	<body>
		<!-- 一.设计小米整体简易结构：页头，主体，页尾 
		    使用结构化标记：       header，main，footer
			-->
			<header>
				<!-- 控制页面：中控区 -->
				<div id="wrapper">
					<div class="header_left">
						<ul>
							<li><a href="#">小米网</a></li>
							<li><a href="#">MIUI</a></li>
							<li><a href="#">米聊</a></li>
							<li><a href="#">游戏</a></li>
							<li><a href="#">多看阅读</a></li>
							<li><a href="#">云服务</a></li>
							<li><a href="#">小米网移动版</a></li>
							<li><a href="#">问题反馈</a></li>
							<li><a href="#" class="c">Select Region</a></li>
						</ul>
					</div>
					<div class="header_right">
						<ul>
							<!-- 精灵图使用   icon图标
							    1.使用文本样式元素补位：i，b，s，u
								2.使用矢量图，精灵图.png[不是真]
								  优点：避免多次命名问题，减少服务器请求
								3.如果使用补位元素[行元素]，必须使用内边距撑大
								4.定位
							-->
							<div class="tanchuang1"></div>
							<li class="li_right"><i class="shop"></i>
							<a href="#" class="c1">购物车(0)</a></li>
							<li><a href="#" class="c2">注册</a></li>
							<li><a href="#">登录</a></li>
							
						</ul>
					</div>
				</div>
				<script>
					/*左栏实现：1.添加事件 li 2.添加效果  3.切换效果*/
					$("div#wrapper div.header_right ul li").hover(function(){
						// 弹出框  默认隐藏--抓弹出框 第一件事  显示
						$("div#wrapper div.header_right ul div.tanchuang1").css("display","block");
					},function(){
						$("div#wrapper div.header_right ul div.tanchuang1").css("display","none");
					});
				</script>
			</header>
			<!-- 面包屑导航 -->
			<main>
				<!-- 面包屑导航 nav结构化元素 导航 -->
				<div id="bai">
					<script>
						$(function(){
							var so=$("nav").offset().top;
							$(Window).scroll(function(){
								var st=$(window).scrollTop()
								if(st>so){
									$("nav").addClass("ac");
								}else{
									$("nav").removeClass("ac");
								}
							});
						});
					</script>
				<nav>
					 <div class="nav_left">
						<div >
							<img src="./img/LOGO.png" alt="小米" />
							<img src="./img/donghua.gif" alt="欧洲杯" />
                        </div>
					    <div class="ho">
							<ul>
								<li>小米盒子 </li>
								<li>红米 </li>
								<li>平板</li>
								<li>电视</li>
								<li>盒子</li>
								<li>路由器 </li>
								<li>智能硬件 </li>
								<li>服务</li>
								<li>社区</li>	
							</ul>
						</div>
					</div>
						<div class="nav_right">
						    <div class="search">
							    <img src="./img/search.png" alt="" />
						    </div>
						    <div>
							    <span>小米手机4c</span>
							    <span>平衡车</span>
						    </div>
						</div>
					</nav>
					<!-- 左栏区 ------------------------------------>
					<div class="main_both">
					<aside>
						<ul class="ul_sidebar">
							<div class="out"></div>
								<li>手机 平板 电话卡 <span>></span></li>
								<li>电视 盒子 <span>></span></li>
								<li>路由器 智能硬件 <span>></span></li>
								<li>移动电源 插线板 <span>></span></li>
								<li>耳机 音箱 <span>></span></li>
								<li>电池 储蓄卡 <span>></span></li>
								<li>保护套 后盖 <span>></span></li>
								<li>贴膜 其他配件 <span>></span></li>
								<li>米兔 服装 <span>></span></li>
								<li>箱包 其他周边 <span>></span></li>
							</ul>
						</ul>
					</aside>
					<script>
						/*左栏实现：1.添加事件 li 2.添加效果  3.切换效果*/
						$("aside ul.ul_sidebar li").hover(function(){
							// 弹出框  默认隐藏--抓弹出框 第一件事  显示
							$("aside ul.ul_sidebar div.out").css("display","block");
						},function(){
							$("aside ul.ul_sidebar div.out").css("display","none");
						});
					</script>
					<!-- 轮播图 figure结构化元素：图片，图表，代码片段 -->
					<figure>
						<div id="animation"></div>
						<div class="container">
							<div class="banner" id="lazyload">
								<ul>
									<li><img src="img/banner01.jpg" alt="1" height="420"/></li>
									<li><img src="img/banner02.jpg" alt="2" height="420"/></li>
									<li><img src="img/banner03.jpg" alt="3" height="420"/></li>
									<li><img src="img/banner04.jpg" alt="4" height="420"/></li>
									<li><img src="img/banner05.jpg" alt="5" height="420"/></li>
								</ul>
								</div>
							</div>
						</div>
					</figure>
					<script src="js/highlight.pack.js"></script>
					<script src="js/jquery-1.11.1.js"></script>
					<script src="js/jquery.terseBanner.min.js"></script>
					<script src="js/script.js"></script>
			<!-- 左栏下面图片 -->
			<div class="tupian">
				<ul class="tu">
					<img src="img/left.png" alt="1" width="213" height="150" class="dan1"/>
					<img src="img/subnav_icon01.png" alt="" width="292px" height="150" class="dan2"/>
					<img src="img/subnav_icon02.jpg" alt="" width="292px" height="150" class="dan3"/>
					<img src="img/subnav_icon03.png" alt="" width="292px" height="150" class="dan4"/>
				</ul>
			</div>
			<!-- 小米明星单品 -->
			<div id="danpin">
			<div class="mingxing">
				小米明星单品
			<img src="img/arrow_rightbtn01.png" alt="" width="35px" height="25px"/>
			<img src="img/arrow_leftbtn01.png" alt=""width="35px" height="25px" />
			</div>
			<!-- 1 -->
			<div class="container_star">
				<dl>
					<dt class="container_1">
						<img src="img/chazuo.png" alt="">
					</dt>
						<dd>小米智能插座&nbsp;基础版</dd>
						<dd class="product_content">手机远程遥控,让普通电器变智能</dd>
						<dd class="product_price">49元</dd>
				</dl>
			</div>
			<!-- 2 -->
			<div class="container_star2">
				<dl>
					<dt class="container_2">
						<img src="img/jinghuaqi.png" alt="">
					</dt>
						<dd>小米空气净化器2</dd>
						<dd class="product_content2">净化能力高达310m3/h</dd>
						<dd class="product_price2">699元</dd>
				</dl>
			</div>
			<!-- 3 -->
			<div class="container_star3">
				<dl>
					<dt class="container_3">
						<img src="img/chaban.png" alt="">
					</dt>
						<dd>小米智能插线板</dd>
						<dd class="product_content3">手机远程控制家中电器，智能节电</dd>
						<dd class="product_price3">69元</dd>
				</dl>
			</div>
			<!-- 4 -->
			<div class="container_star4">
				<dl>
					<dt class="container_4">
						<img src="img/erji.png" alt="">
					</dt>
						<dd>小米圈铁耳机</dd>
						<dd class="product_content4">动圈+动铁，双发声单元</dd>
						<dd class="product_price4">69元</dd>
				</dl>
			</div>
			<!-- 5 -->
			<div class="container_star5">
				<dl>
					<dt class="container_5">
						<img src="img/luyouqi.png" alt="">
					</dt>
						<dd>小米智能插座&nbsp;基础版</dd>
						<dd class="product_content5">手机远程遥控,让普通电器变智能</dd>
						<dd class="product_price5">49元</dd>
				</dl>
			</div>
			</div>
			</div>
			<div id="zhineng">
				<div class="zhineng1">
					<p>智能硬件</p>
				</div>
				<div class="zhineng2">
					<a href="">查看全部</a>
					<img src="img/hardware_morebtn.png" alt="" />
				</div>
			</div>
			<div id="yinjian">
				<div class="yinjian1">
					<div class="ren">
						<dl>
							<dt class="ren1">
								<img src="img/haraware_kid.png" alt="" height="614px">
							</dt>
								<dd>米兔儿童电话手表</dd>
								<dd class="product_ren2">安全防走失，宝贝的贴身护卫</dd>
								<dd class="product_ren3">299元</dd>
						</dl>
					</div>
				</div>
				<div class="yinjian2">
					<!-- 1 -->
					<div class="yin1">
						<dl>
							<dt class="yinjia1">
								<img src="img/haraware_tizhongcheng.png" alt="">
							</dt>
								<dd>小米体重秤</dd>
								<dd class="product_yinjia1">高精度压力传感器，手机管理全家健康</dd>
								<dd class="product_yinji1">99元</dd>
						</dl>
					</div>
					<!-- 2 -->
					<div class="yin2">
						<dl>
							<dt class="yinjia2">
								<img src="img/haraware_luyouqi.png" alt="">
							</dt>
								<dd>小米路由器3</dd>
								<dd class="product_yinjia2">更安全更稳定，安全发售</dd>
								<dd class="product_yinji2">149元</dd>
						</dl>
					</div>
					<!-- 3 -->
					<div class="yin3">
						<dl>
							<dt class="yinjia3">
								<img src="img/haraware_shouhuan.png" alt="">
							</dt>
								<dd>小米手环 光感版</dd>
								<dd class="product_yinjia3">实时监测心率,科学运动</dd>
								<dd class="product_yinji3">99元</dd>
						</dl>
					</div>
					<!-- 4 -->
					<div class="yin4">
						<dl>
							<dt class="yinjia4">
								<img src="img/haraware_anfang.png" alt="">
							</dt>
								<dd>小米智能安防套装</dd>
								<dd class="product_yinjia4">智能警戒,为您的家增添一份安心</dd>
								<dd class="product_yinji4">699元</dd>
						</dl>
					</div>
				</div>
				<div class="jinjian3">
					<div class="yinj1">
						<dl>
							<dt class="yinji1">
								<img src="img/haraware_xiaoyi.png" alt="">
							</dt>
								<dd>小米运动相机</dd>
								<dd class="product_yi1">边玩边录边拍，手机随时分享</dd>
								<dd class="product_y1">399元</dd>
						</dl>
					</div>
					<div class="yinj2">
						<dl>
							<dt class="yinji2">
								<img src="img/haraware_xieya.png" alt="">
							</dt>
								<dd>iHealth智能血压计(蓝牙版)</dd>
								<dd class="product_yi2">送给父母的健康礼物</dd>
								<dd class="product_y2">199元</dd>
						</dl>
					</div>
					<div class="yinj3">
						<dl>
							<dt class="yinji3">
								<img src="img/dianfanbao_icon05.jpg" alt="">
							</dt>
								<dd>小米智能摄像机 夜视版</dd>
								<dd class="product_yi3">能看能听能说,手机远程观看</dd>
								<dd class="product_y3">149元</dd>
						</dl>
					</div>
					<div class="yinj4">
						<dl>
							<dt class="yinji4">
								<img src="img/haraware_light.png" alt="">
							</dt>
								<dd>小米智能摄像机 夜视版</dd>
								<dd class="product_yi4">能看能听能说,手机远程观看</dd>
								<dd class="product_y4">149元</dd>
						</dl>
					</div>
				</div>
			</div>
			<!-- 搭配 -->
			<div id="dapei">
				<div class="da">
					<p>搭配</p>
				</div>
				<div class="pei">
					<a href="">热门</a>
					<a href="">耳机音箱</a>
					<a href="">电源</a>
					<a href="">电池存续卡</a>
				</div>
			</div>
			<!-- 小米移动电源 -->
			<div id="dianyuan">
				
				<!-- 边上四个图片 -->
				<div class="xiaoqizhe1">
					<div class="xiaodianyuan">
						<img src="img/dapei_icon01.png" alt="" />
					</div>
					<div class="q1">
						<dl>
							<dt class="qi1">
								<img src="img/dapei_icon03.png" alt="">
							</dt>
								<dd>小米路由器3</dd>
								<dd class="product_qiz1">更安全更稳定，安全发售</dd>
								<dd class="product_qizh1">149元</dd>
						</dl>
					</div>
					<div class="q2">
						<dl>
							<dt class="qi2">
								<img src="img/dapei_icon04.png" alt="">
							</dt>
								<dd>小米手环 光感版</dd>
								<dd class="product_qiz2">实时监测心率，科学运动</dd>
								<dd class="product_qizh2">99元</dd>
						</dl>
					</div>
					<div class="q3">
						<dl>
							<dt class="qi3">
								<img src="img/dapei_icon05.png" alt="">
							</dt>
								<dd>小米智能安防套装</dd>
								<dd class="product_qiz3">智能警戒,为您的家增添一份安心</dd>
								<dd class="product_qizh3">699元</dd>
						</dl>
					</div>
					<div class="q4">
						<dl>
							<dt class="qi4">
								<img src="img/dapei_icon06.png" alt="">
							</dt>
								<dd>小米运动相机</dd>
								<dd class="product_qiz4">边玩边录边拍,手机随时分享</dd>
								<dd class="product_qizh4">399元</dd>
						</dl>
					</div>
				</div>
				
				<div class="xiaodianyuan1">
					<div class="xiaoqizhe">
						<img src="img/dapei_icon02.png" alt="" />
					</div>
					<div class="q5">
						<dl>
							<dt class="qi5">
								<img src="img/dapei_icon07.png" alt="">
							</dt>
								<dd>小米智能摄像机 夜视版</dd>
								<dd class="product_qiz5">能看能听能说,手机远程观看</dd>
								<dd class="product_qizh5">149元</dd>
						</dl>
					</div>
					<div class="q6">
						<dl>
							<dt class="qi6">
								<img src="img/dapei_icon08.png" alt="">
							</dt>
								<dd>小米智能摄像机 夜视版</dd>
								<dd class="product_qiz6">能看能听能说,手机远程观看</dd>
								<dd class="product_qizh6">149元</dd>
						</dl>
					</div>
					<div class="q7">
						<dl>
							<dt class="qi7">
								<img src="img/dapei_icon09.png" alt="">
							</dt>
								<dd>小米智能摄像机 夜视版</dd>
								<dd class="product_qiz7">能看能听能说,手机远程观看</dd>
								<dd class="product_qizh7">149元</dd>
						</dl>
					</div>
					<div class="xiaolianggekuang">
						<div class="xiaobiankuang1">
							<img src="img/content-top_icon01.png" alt="" width="210" height="146px"/>
						</div>
						<div class="xiaobiankuang2">
							<img src="img/content-top_icon02.png" alt="" width="210" height="146px"/>
						</div>
					</div>
				</div>
			</div>
			<!-- 周边 -->
			<div id="zhoubian">
				<div class="zhou">
					<p>周边</p>
				</div>
				<div class="bian">
					<a href="">热门</a>
					<a href="">服装</a>
					<a href="">米兔</a>
					<a href="">生活周边</a>
					<a href="">箱包</a>
				</div>
			</div>
			<!-- 周边下面图片 -->
			<div id="chaxianban">
				
				<div class="chaxianban1">
					<div class="xiaochanxianban">
						<img src="img/peijian_icon01.png" alt="" />
					</div>
					<div class="cha1">
						<dl>
							<dt class="chax1">
								<img src="img/peijian_icon03.png" alt="">
							</dt>
								<dd>小米路由器3</dd>
								<dd class="product_chaxi1">149元</dd>
								<dd class="product_chaxia1">更安全更稳定，安全发售</dd>
						</dl>
					</div>
					<div class="cha2">
						<dl>
							<dt class="chax2">
								<img src="img/peijian_icon04.png" alt="">
							</dt>
								<dd>小米皮质记事本</dd>
								<dd class="product_chaxi2">19元</dd>
								<dd class="product_chaxia2">3050人评价</dd>
						</dl>
					</div>
					<div class="cha3">
						<dl>
							<dt class="chax3">
								<img src="img/peijian_icon05.png" alt="">
							</dt>
								<dd>小米LED随身灯 增强版</dd>
								<dd class="product_chaxi3">19.9元</dd>
								<dd class="product_chaxia3">5.6万人评价</dd>
						</dl>
					</div>
					<div class="cha4">
						<dl>
							<dt class="chax4">
								<img src="img/peijian_icon06.png" alt="">
							</dt>
								<dd>手机支架 小蜜蜂</dd>
								<dd class="product_chaxi4">19元</dd>
								<dd class="product_chaxia4">6.9万人评价</dd>
						</dl>
					</div>
				</div>
				
				<div class="chadianban2">
					<div class="xiaochanxianban1">
						<img src="img/peijian_icon02.png" alt="" />
					</div>
					<div class="cha5">
						<dl>
							<dt class="chax5">
								<img src="img/peijian_icon07.png" alt="">
							</dt>
								<dd>小米防尘塞 MI标</dd>
								<dd class="product_chaxi5">3.9元</dd>
								<dd class="product_chaxia5">5.6万人评价</dd>
						</dl>
					</div>
					<div class="cha6">
						<dl>
							<dt class="chax6">
								<img src="img/peijian_icon08.png" alt="">
							</dt>
								<dd>小米智能摄像机 夜视版</dd>
								<dd class="product_chaxi6">149元</dd>
								<dd class="product_chaxia6">8461人评价</dd>
						</dl>
					</div>
					<div class="cha7">
						<dl>
							<dt class="chax7">
								<img src="img/peijian_icon09.png" alt="">
							</dt>
								<dd>小米电源线收纳盒</dd>
								<dd class="product_chaxi7">39元</dd>
								<dd class="product_chaxia7">8461人评价</dd>
						</dl>
					</div>
					<div class="xiaocha1">
						<div class="xiaochax1">
							<img src="img/content-top_icon01.png" alt="" width="210" height="146px"/>
						</div>
						<div class="xiaochax2">
							<img src="img/content-top_icon02.png" alt="" width="210" height="146px"/>
						</div>
					</div>
				</div>
			</div>
			<!-- 配件 -->
			<div id="peijian">
				<div class="pei">
					<p>配件</p>
				</div>
				<div class="jian">
					<a href="">热门</a>
					<a href="">保护盖</a>
					<a href="">后盖</a>
					<a href="">贴膜</a>
					<a href="">其他配件</a>
				</div>
			</div>
			<!-- 配件下面 -->
			<div id="cunxiakuan">
				<div class="xiaocun">
					<div class="xiaocunxiaokuan1">
						<img src="img/zhoubian_icon01.png" alt="" />
					</div>
					<div class="cun1">
						<dl>
							<dt class="cunx1">
								<img src="img/zhoubian_icon03.png" alt="">
							</dt>
								<dd>小米自拍杆</dd>
								<dd class="product_cunxi1">49元</dd>
								<dd class="product_cunxia1">6.4万人评价</dd>
						</dl>
					</div>
					<div class="cun2">
						<dl>
							<dt class="cunx2">
								<img src="img/zhoubian_icon04.png" alt="">
							</dt>
								<dd>小米手机5 钢化膜（0.22mm）</dd>
								<dd class="product_cunxi2">29元</dd>
								<dd class="product_cunxia2">1万人评价</dd>
						</dl>
					</div>
					<div class="cun3">
						<dl>
							<dt class="cunx3">
								<img src="img/zhoubian_icon05.png" alt="">
							</dt>
								<dd>红米手机Note3 钢化膜（0.22mm）</dd>
								<dd class="product_cunxi3">699元</dd>
								<dd class="product_cuaxia3">5.6万人评价</dd>
						</dl>
					</div>
					<div class="cun4">
						<dl>
							<dt class="cunx4">
								<img src="img/zhoubian_icon06.png" alt="">
							</dt>
								<dd>小米Note 标准贴膜（2片装）</dd>
								<dd class="product_cunxi4">19元</dd>
								<dd class="product_cuaxia4">2.1万人评价</dd>
						</dl>
					</div>
				</div>
				
				<div class="xiaocun1">
					<div class="xiaocunxiakuan2">
						<img src="img/zhoubian_icon02.png" alt="" />
					</div>
					<div class="cun5">
						<dl>
							<dt class="cunx5">
								<img src="img/zhoubian_icon07.png" alt="">
							</dt>
								<dd>小米随身WIFI</dd>
								<dd class="product_cunxi5">19.9元</dd>
								<dd class="product_cunxia5">30.1万人评价</dd>
						</dl>
					</div>
					<div class="cun6">
						<dl>
							<dt class="cunx6">
								<img src="img/zhoubian_icon08.png" alt="">
							</dt>
								<dd>小米百变随身杯</dd>
								<dd class="product_cunxi6">39元</dd>
								<dd class="product_cunxia6">1.2万人评价</dd>
						</dl>
					</div>
					<div class="cun7">
						<dl>
							<dt class="cunx7">
								<img src="img/zhoubian_icon09.png" alt="">
							</dt>
								<dd>小米手机5 硅胶保护套</dd>
								<dd class="product_cunxi7">69元</dd>
								<dd class="product_cunxia7">215人评价</dd>
						</dl>
					</div>
					<div class="xiaocunxiao1">
						<div class="xiaocunxiao_1">
							<img src="img/zhoubian_icon10.png" alt="" width="210" height="146px"/>
						</div>
						<div class="xiaocunxiao_2">
							<img src="img/content-top_icon02.png" alt="" width="210" height="146px"/>
						</div>
					</div>
				</div>
			</div>
			<div id="reping">
				<div class="renp">
					<p>热评产品</p>
				</div>
			</div>
			<div id="mitushoji">
				<div class="mitu1">
					<dl>
						<dt class="mitus1">
							<img src="img/hotproduct_icon01.png" alt="">
						</dt>
							<dd class="mit1">超值正品,再也不会担心头那里时间久了坏掉,感觉升级版萌萌哒,既好用又好看</dd>
							<dd class="product_mitush1">来自于 香草忘忧 的评价</dd>
							<dd class="product_mitushoj1">米兔手机U盘</dd>
							<dd class="product_mitushoji1">49.9元</dd>
					</dl>
				</div>
				<div class="mitu2">
					<dl>
						<dt class="mitus2">
							<img src="img/hotproduct_icon02.png" alt="">
						</dt>
							<dd class="mit2">绝对5星，音质挺好，包装也不错，物流也快</dd>
							<dd class="product_mitush2">来自于 星星活火 的评价</dd>
							<dd class="product_mitushoj2">小米活塞耳机 标准版</dd>
							<dd class="product_mitushoji2">49.9元</dd>
					</dl>
				</div>
				<div class="mitu3">
					<dl>
						<dt class="mitus3">
							<img src="img/hotproduct_icon03.png" alt="">
						</dt>
							<dd class="mit3">做工没的说，摸起来非常细腻，而且比传统的插板稳固</dd>
							<dd class="product_mitush3">来自于 林新城 的评价</dd>
							<dd class="product_mitushoj3">小米插线板</dd>
							<dd class="product_mitushoji3">49元</dd>
					</dl>
				</div>
				<div class="mitu4">
					<dl>
						<dt class="mitus4">
							<img src="img/hotproduct_icon04.png" alt="">
						</dt>
							<dd class="mit4">一如既往的发烧体验，炫酷外形，人性的设计，动听的音质！高低音表现平衡</dd>
							<dd class="product_mitush4">来自于 人生如戏 的评价</dd>
							<dd class="product_mitushoj4">小米头戴式耳机 标准版</dd>
							<dd class="product_mitushoji4">49元</dd>
					</dl>
				</div>
			</div>
			<!-- 内容 -->
			<div id="neirong">
				<div class="neiron">
					<p>内容</p>
				</div>
			</div>
			<div id="neirongxia">
				<div class="nei1">
					<dl>
							<dd class="neiro1">图书</dd>
							<dd class="product_neiron1">阿弥陀佛，么么哒</dd>
							<dd class="product_neirong1">大冰新书，12个不舍得读完的、暖心的，真实的江湖故事</dd>
							<dd class="product_ne1">9.99元</dd>
						<dt class="neir1">
							<img src="img/classify_icon01.png" alt="">
						</dt>
					</dl>
				</div>
				<div class="nei2">
					<dl>
							<dd class="neiro2">主题</dd>
							<dd class="product_neiron2">主题市场</dd>
							<dd class="product_neirong2">众多个性主题、百变锁屏与自由桌面让你的手机与众不同</dd>
							<dd class="product_ne2">MIUI</dd>
						<dt class="neir2">
							<img src="img/classify_icon02.png" alt="">
						</dt>
					</dl>
				</div>
				<div class="nei3">
					<dl>
							<dd class="neiro3">游戏</dd>
							<dd class="product_neiron3">米柚手游模拟器</dd>
							<dd class="product_neirong3">在电脑上玩遍小米所有手游</dd>
							<dd class="product_ne3">免费</dd>
						<dt class="neir3">
							<img src="img/classify_icon03.png" alt="">
						</dt>
					</dl>
				</div>
				<div class="nei4">
					<dl>
							<dd class="neiro4">应用</dd>
							<dd class="product_neiron4">2015年度应用</dd>
							<dd class="product_neirong4">精彩世界，尽情下载</dd>
							<dd class="product_ne4">免费</dd>
						<dt class="neir4">
							<img src="img/classify_icon04.png" alt="">
						</dt>
					</dl>
				</div>
			</div>
			<div id="shiping">
				<div class="shiping1">
					<p>视频</p>
				</div>
				<div class="shiping2">
					<a href="">显示更多</a>
					<img src="img/hardware_morebtn.png" alt="" />
				</div>
			</div>
			<div id="xiaofengl">
				<div class="x1">
					<dl>
						<dt class="xi1">
							<img src="img/video_icon01.jpg" alt="">
						</dt>
							<dd class="xia1">笑喷了，沈腾爆笑出演，6集联播</dd>
							<dd class="product_xiaof1">小米Max沈腾爆笑预告全集</dd>
					</dl>
				</div>
				<div class="x2">
					<dl>
						<dt class="xi2">
							<img src="img/video_icon02.jpg" alt="">
						</dt>
							<dd class="xia2">小米2016春季新品发布会</dd>
							<dd class="product_xiaof2">小米5十余项黑科技亮相</dd>
					</dl>
				</div>
				<div class="x3">
					<dl>
						<dt class="xi3">
							<img src="img/video_icon03.jpg" alt="">
						</dt>
							<dd class="xia3">15秒了解小米5 有多快</dd>
							<dd class="product_xiaof3">华少用超快语速告诉你小米5 到底有多快</dd>
					</dl>
				</div>
				<div class="x4">
					<dl>
						<dt class="xi4">
							<img src="img/video_icon04.jpg" alt="">
						</dt>
							<dd class="xia4">《去探索》小米年度品牌视频</dd>
							<dd class="product_xiaof4">与小米一起探索黑科技</dd>
					</dl>
				</div>
			</div>
			</main>
			<footer>
				<div id="yixiaoshi">
					<div class="yixiaoshi">
						<img src="img/footer_icon01.png" alt="" />
					    <a href="">14小时快修</a>
					</div>
					<div class="qitianwu">
						<img src="img/footer_icon02.png" alt="" />
						<a href="">7天无理由退货</a>
					</div>
					<div class="shiwutian">
						<img src="img/footer_icon03.png" alt="" />
						<a href="">15天免费换修</a>
					</div>
					<div class="manshiwu">
						<img src="img/footer_icon04.png" alt="" />
						<a href="">满150元包邮</a>
					</div>
					<div class="wuerling">
						<img src="img/footer_icon05.png" alt="" />
						<a href="">520余家售后网点</a>
					</div>
				</div>
				<div class="footer_container">
					<!-- 帮助中心栏 -->
					<div class="column">
						<h3>帮助中心</h3>
						<ul>
							<li><a href="">购物指南</a></li>
							<li><a href="">支付方式</a></li>
							<li><a href="">配送方式</a></li>
						</ul>
					</div>
					<!-- 服务支持栏 -->
					<div class="column">
						<h3>服务支持</h3>
						<ul>
							<li><a href="">售后政策</a></li>
							<li><a href="">自助服务</a></li>
							<li><a href="">相关下载</a></li>
						</ul>
					</div>
					<!-- 线下门店栏 -->
					<div class="column">
						<h3>线下门店</h3>
						<ul>
							<li><a href="">小米之家</a></li>
							<li><a href="">服务网点</a></li>
							<li><a href="">线下专区</a></li>
						</ul>
					</div>
					<!-- 关于小米栏 -->
					<div class="column">
						<h3>关于服务</h3>
						<ul>
							<li><a href="">了解小米</a></li>
							<li><a href="">加入小米</a></li>
							<li><a href="">联系我们</a></li>
						</ul>
					</div>
					<!-- 关注我们栏 -->
					<div class="column">
						<h3>关注我们</h3>
						<ul>
							<li><a href="">新浪微博</a></li>
							<li><a href="">小米部落</a></li>
							<li><a href="">官方微信</a></li>
						</ul>
					</div>
					<!-- 特色服务栏 -->
					<div class="column">
						<h3>特色服务</h3>
						<ul>
							<li><a href="">F码通道</a></li>
							<li><a href="">小米移动</a></li>
							<li><a href="">防伪查询</a></li>
						</ul>
					</div>
					<!-- 客服信息栏 -->
					<div class="column column_you">
						<h3>4001005678</h3>
						<p>周一至周日 8:00-18:00</p>
						<p>（仅收市话费）</p>
						<a href="">24小时在线服务</a>
					</div>
				</div>
			<div id="huise2">
				<div id="zuiho1">
					<div class="zuihotupian">
						<img src="img/LOGO.png" alt="" />
					</div>
					<div class="zuohoxiaomi">
						<a href="">小米网</a>
						<a href="">MIUI</a>
						<a href="">米聊</a>
						<a href="">多看书城</a>
						<a href="">小米路由器</a>
						<a href="">视频电话</a>
						<a href="">小米后院</a>
						<a href="">小米天猫店</a>
						<a href="">小米淘宝直营店</a>
						<a href="">小米网盟</a>
						<a href="">问题反馈</a>
						<a href="">Select Region</a>
					</div>
					<div class="zuihoxiaomi1">
						<p>©mi.com京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 违法和不良信息举报 电话：185-0130-1238本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
					<div class="zuihoxiaomi2">
						<div class="o1">
							<img src="img/safe_icon01.png" alt="" />
						    <p>诚信网站师范企业</p>
						</div>
						<div class="o2">
							<img src="img/safe_icon02.png" alt="" />
							<p>可信网站信用评价</p>
						</div>
						<div class="o3">
							<img src="img/safe_icon03.png" alt="" />
							<p>网上交易保障中心</p>
						</div>
					</div>
				</div>
			</div>
			<div id="lll">
				<div id="zui1">
					<p>探索黑科技，小米为发烧而生</p>
				</div>
			</div>
			</footer>
	</body>
</html>
